<template>
  <div class="input_select">
    <el-row>
      <el-col :span="13">
        <el-dropdown style="position: relative;">
          <!-- <el-col :span="14"> -->
            <slot name="header"> </slot>


            <!-- <el-button type="primary" size="small">
              <i class="el-icon-arrow-down el-icon--right"></i>
            </el-button> -->
          <el-scrollbar>
            <el-dropdown-menu slot="dropdown" style="padding:2px">
            <slot name="body"></slot>
          </el-dropdown-menu>
          </el-scrollbar>
        </el-dropdown>
           <!-- </el-col> -->
      </el-col>
      <el-col :span="3">
        <el-button type="primary" size="small" @click="serch">搜索</el-button>
        </el-col>
        <el-col :span="3">
            <el-button type="primary" size="small" @click="reach">重置</el-button>
        </el-col>
        
      
    </el-row>

    <!-- <slot name=""></slot> -->
  </div>
</template>

<script>
export default {
  name: "input-select",
  methods: {
    serch() {
      this.$emit("serch");
    },
    reach() {
      this.$emit("reach");
    },
  },
};
</script>

<style>
p {
  position: relative;
}
</style>
